<title>404</title>
<style type="text/css">
    .content-body{margin:-2.2rem !important;}
    .card{-webkit-border-radius:inherit;-moz-border-radius:inherit ;border-radius:inherit ;}
    .error-code{font-size: 10rem;}
</style>
<div class="content-body">
    <section>
        <div class="card">
            <div class="row">
                <div class="col-md-12">
                    <div class="card m-0 p-1 text-white bg-danger border-top-radius-palette flexbox-container bg-hexagons-danger">
                        <h4 class="card-title white"></h4>
                        <div class="card-content">
                            <div class="card-body">
                                <h2 class="error-code text-center mb-2 white">404</h2>
                                <h3 class="text-uppercase text-center white">没找到您要访问的网页!</h3>
                            </div>
                        </div>
                        <div class="card-footer ">
                            <div class="row py-2 text-center">
                                <div class="col-12">
                                    <a href="index.html" class="btn btn-white danger box-shadow-4"><i class="ft-home"></i> 返回首页</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<script type="text/javascript">
    var resetCardHeight = function(){
        $(".card").height($(window).height() - 65);
    };
    resetCardHeight();
    $(window).resize(resetCardHeight);
</script>